﻿@{
    ViewBag.Title = "数据库配置";
    var F = Html.F();
}

@section head {

}

@section body {
    @(F.Panel().ID("Panel2").AutoScroll(true).Title("数据库").ShowBorder(false).ShowHeader(false).BodyPadding(5).Layout(LayoutType.VBox).IconFont(IconFont._PullRight).IsViewPort(true)
        .Items(
            F.Panel().Layout(LayoutType.Column).ShowBorder(false).ShowHeader(false)
            .Items(
                F.TextBox().ID("ttbDB").ShowLabel(false).EmptyText("数据库连接").ColumnWidth("100%").Text(ViewBag.db)
                ,F.Button().Icon(Icon.DatabaseLink).ID("btn_DBlink").OnClick(Url.Action("Btn_DBlink_OnClick"),"Panel2").Size(ButtonSize.Normal)
            )
        ,F.TwinTriggerBox().ID("ttbSearchTableName").ShowLabel(false).EmptyText("表名搜索").Trigger1Icon(TriggerIcon.Clear).Trigger2Icon(TriggerIcon.Search).ShowTrigger1(false)
            .OnTrigger1Click(Url.Action("ttbSearchTableName_OnTrigger1Click"),"Panel2").OnTrigger2Click(Url.Action("ttbSearchTableName_OnTrigger1Click"),"Panel2")
        , F.Panel().Layout(LayoutType.HBox).ShowBorder(false).ShowHeader(false)
            .Items(
                F.Button().Text("全选").Icon(Icon.TableMultiple).ID("btn_DBlink").OnClientClick("setallcheck(true);").MarginLeft(2)
                , F.Button().Text("都不选").Icon(Icon.TableDelete).ID("btn_DBlink").OnClientClick("setallcheck(false);").MarginLeft(2)
            )
        ,F.CheckBoxList().DataValueField("Value").DataTextField("Text").ID("cbl_tables").ColumnNumber(1).DataSource(ViewBag.tables)
        )
     )
}

@section script {
    <script>
        //设置全选或全不选
        function setallcheck(isCheck) {
            var array = F.ui.cbl_tables.items;
            array.forEach(function (item) {
                item.setValue(isCheck);
            });
        }

        function GetTables() {
            var selectedValues = F.ui.cbl_tables.getValue().join(',');
            return selectedValues;
        }
    </script>
}